<script setup>
import { useRoute } from "vue-router";

// 获取当前路由信息
const route = useRoute();

if (route.path === "/auth/admin") {
} else if (route.path === "/auth/group") {
} else if (route.path === "/vppz/staff") {
} else if (route.path === "/vppz/order") {
}
</script>

<template>
  <div class="panel-heading">
    <div class="panel-lead">
      <div class="title">{{ route.meta.name }}</div>
      <p class="description">
        菜单规则通常对应一个控制器的方法,同时菜单栏数据也从规则中获取
      </p>
    </div>
  </div>
</template>
<style scoped lang="less">
.panel-heading {
  padding: 15px;
  background: #e8edf0;
  border-color: #e8edf0;
  position: relative;
  .panel-lead {
    font-size: 14px;
    .title {
      font-weight: bold;
      font-style: normal;
    }
    .description {
      margin-top: 5px;
    }
  }
}
</style>